<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>MakeCode Playground</title>
    <meta name="Description" content="@description@" />

    <!-- @include playground-head.html -->

    <link data-inline="yes-please" href="/static/playground/spinner.css" rel="stylesheet" />
    <link data-inline="yes-please" href="/static/playground/playground.css" rel="stylesheet" />

    <link data-name="vs/editor/editor.main" rel="stylesheet" href="https://microsoft.github.io/monaco-editor/node_modules/monaco-editor/min/vs/editor/editor.main.css">
</head>

<body class="playground-page">
    <pre data-preload="/playground/samples/basic/hello-world/sample.ts"></pre>

    <nav class="ui menu inverted fixed borderless">
        <div class="menu left">
            <div class="ui item">
                MakeCode Playground
            </div>
        </div>

        <div class="menu right">
            <a href="/docs" class="ui item">
                Home
            </a>
            <a href="/playground" class="ui item">
                Playground
            </a>
            <a href="/defining-blocks" class="ui item">
                Help defining blocks
            </a>
            <a href="https://github.com/microsoft/pxt-sample" class="ui item" style="background-color:black">
                Sample target
            </a>
        </div>
    </nav>
    <div id="loading">
        <div class="spinner">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>
    </div>

    <section id="playground">
    </section>

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" integrity="sha256-wS9gmOZBqsqWxgIVgA8Y9WcQOa7PgSIX+rPA0VL2rbQ="
        crossorigin="anonymous"></script>

    <!-- @include playground-apptrackingweb.html -->
    <!-- @include apptracking.html -->
	<!-- @include thin-footer.html -->
    <script>var require = { paths: { 'vs': 'https://microsoft.github.io/monaco-editor/node_modules/monaco-editor/min/vs' } };</script>
    <script src="https://microsoft.github.io/monaco-editor/node_modules/monaco-editor/min/vs/loader.js"></script>
    <script src="https://microsoft.github.io/monaco-editor/node_modules/monaco-editor/min/vs/editor/editor.main.nls.js"></script>
    <script src="https://microsoft.github.io/monaco-editor/node_modules/monaco-editor/min/vs/editor/editor.main.js"></script>

    <script data-inline="yes-please" src="/static/playground/samples/all.js" type="text/javascript"></script>
    <script data-inline="yes-please" src="/static/playground/playground.js" type="text/javascript"></script>
</body>

</html>